<template>
    <h1 class="text-center">项目费用汇总</h1>
    <h4 class="mt15">{{ruleForm.title}}</h4>
    <el-descriptions :column="4" border size="small" class="mt30">
        <el-descriptions-item label="合同金额"> -- </el-descriptions-item>
        <el-descriptions-item label="增减金额"> -- </el-descriptions-item>
        <el-descriptions-item label="审定金额"> -- </el-descriptions-item>
        <el-descriptions-item label="累计开票金额"> -- </el-descriptions-item>

        <el-descriptions-item label="进项材料发票金额"> -- </el-descriptions-item>
        <el-descriptions-item label="进出换算基准（13%）"> -- </el-descriptions-item>
        <el-descriptions-item label="差额发票"> -- </el-descriptions-item>
        <el-descriptions-item label="缺成本票缴税（9+3%）"> -- </el-descriptions-item>

        <el-descriptions-item label="累计到账金额"> -- </el-descriptions-item>
        <el-descriptions-item label="已经支付金额"> -- </el-descriptions-item>
        <el-descriptions-item label="公司管理费(10%)"> -- </el-descriptions-item>
        <el-descriptions-item label="目前余额"> -- </el-descriptions-item>

        <el-descriptions-item label="审定结算金额"> -- </el-descriptions-item>
        <el-descriptions-item label="直接成本"> -- </el-descriptions-item>
        <el-descriptions-item label="后期费用（预估）"> -- </el-descriptions-item>
        <el-descriptions-item label="税金计算"> -- </el-descriptions-item>

        <el-descriptions-item label="公司管理费"> -- </el-descriptions-item>
        <el-descriptions-item label="总成本合计"> -- </el-descriptions-item>
        <el-descriptions-item label="项目团队绩效考核"> -- </el-descriptions-item>
        <el-descriptions-item label="项目净利润"> -- </el-descriptions-item>
    </el-descriptions>
</template>
  
<script lang="ts" setup>
import { onMounted, ref } from 'vue'
import { useRouter } from 'vue-router';
import http from '../../../util/request';
const id:any = ref(useRouter().currentRoute.value.params.id)
let User:any = sessionStorage.getItem('user')
User = JSON.parse(User)
interface RuleForm {
    title: string
    price:number
    proportion:number
    remarks:string
}

const ruleForm = ref<RuleForm>({
    title: '',
    price:0,
    proportion:0,
    remarks:'/'
})

const getData = () => {
    if(id.value == 0){
        return;
    }
    http.get('/project/'+id.value).then((response:any)=>{
        ruleForm.value = response.data.data
    })
}

onMounted(()=>{
    getData()
})
</script>
<style scoped>
</style>
